$(function(){
	
	$('#gameId').select2({
		  placeholder : "请选择渠道所属游戏",
		  ajax: {
		    url: CONTEXT_PATH + '/game/game/queryAll',
		    dataType: 'json',
  		  	width: '100px',
		    
		    processResults: function (data) {
		        return {
		        	results: data.data
		        };
		      }
		  }
		});
	
	$('#gameId').on("change",function(e) {
		var gameId = $("#gameId option:checked").val();
		
		if (typeof(gameId) == "undefined") {
		   // ignore
		} else {
			$.wajax({
			    type: "POST",
			    url: CONTEXT_PATH + '/host/host/queryProperty?gameId=' + gameId,
			    success: function(result) {
			    	$("#property").select2({
			    		placeholder : "请选择出机方",
			    		  data: result.data,
			    		  width: '100px'
			    	});
			    	
			    	if (result.data != null && result.data.length > 0) {
			    		$('#property').val(result.data[0].id).trigger("change");
			    	}
			    }
			});
		}
	});

    $("#table").bootstrapTable({ // 对应table标签的id
        url: CONTEXT_PATH+"/channel/channel/query", // 获取表格数据的url
        cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
        striped: true,  //表格显示条纹，默认为false
        pagination: true, // 在表格底部显示分页组件，默认false
        pageList: [10, 20, 50], // 设置页面可以显示的数据条数
        pageSize: 10, // 页面数据条数
        pageNumber: 1, // 首页页码
        singleSelect: true,
        toolbar: '#toolbar',
        search:true,
        striped: true,                      //隔行变色
        clickToSelect: true,                //点击选中
        showColumns: true,                  //是否显示所有的列
        showRefresh: true,                  //是否显示刷新按钮
        sidePagination: 'client', // 设置为客户端分页
//        responseHandler: function(res) {
//            return {
//                "total": res.page.total,//总页数
//                "rows": res.data   //数据
//            };
//        },
        /*
        queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求

            return {
                pageSize: params.limit, // 每页要显示的数据条数
                offset: params.offset, // 每页显示数据的开始行号
                sort: params.sort, // 要排序的字段
                sortOrder: params.order, // 排序规则
                dataId: $("#dataId").val() // 额外添加的参数
            }
        },*/
        sortName: 'channelId', // 要排序的字段
        sortOrder: 'desc', // 排序规则
        columns: [
            {
                checkbox: true, // 显示一个勾选框
                align: 'center' // 居中显示
            }, {
                field: 'channelId', // 返回json数据中的name
                title: '渠道ID', // 表格表头显示文字
                align: 'center', // 左右居中
                valign: 'middle', // 上下居中,
                sortable: true
            }, {
                field: 'game.nameCn', // 返回json数据中的name
                title: '所属游戏', // 表格表头显示文字
                align: 'center', // 左右居中
                valign: 'middle', // 上下居中
                sortable: true
            }, {
                field: 'nameCn', // 返回json数据中的name
                title: '渠道中文名', // 表格表头显示文字
                align: 'center', // 左右居中
                valign: 'middle', // 上下居中
                sortable: true
            }, {
                field: 'nameEn', // 返回json数据中的name
                title: '渠道英文名', // 表格表头显示文字
                align: 'center', // 左右居中
                valign: 'middle', // 上下居中
                sortable: true
            }, {
                field: 'property', // 返回json数据中的name
                title: '出机方', // 表格表头显示文字
                align: 'center', // 左右居中
                valign: 'middle', // 上下居中
                sortable: true
            }
        ],
//        onLoadSuccess: function(){  //加载成功时执行
//            //console.info("加载成功");
//        },
//        onLoadError: function(){  //加载失败时执行
//            layer.alert("数据加载失败");
//        }

    });

    $('#btn_add').click(function () {    	
        $('#channel_form')[0].reset();
        
        $('#gameId').val(null).trigger("change");
        $('#property').val(null).trigger("change");
        
        $('#action_type').val('add');
        //$("#id").removeAttr("disabled");
        $('#detailModalTitle').text('新增渠道');
        $('#detailModal').modal('show');
    });

    $('#btn_edit').click(function () {
        var records = $('#table').bootstrapTable('getSelections');
        if(records.length==0){
            layer.alert('请先选择要修改的记录！');
            return;
        }
        $.wajax({
            url: CONTEXT_PATH+'/channel/channel/findById',
            data: {id: records[0].channelId},
            success: function (result) {
                if(result.code == RESULT_FAIL){
                    layer.alert(result.msg);
                    return;
                }

                for(var key in result.data){
                	if (key == 'gameId') {
                		var newOption = new Option(result.data.game.nameCn, result.data[key], false, false);
                    	$('#gameId').append(newOption);
                    	$('#gameId').val(result.data[key]).trigger('change');
                	} else if (key == 'property') {
                		var newOption = new Option(result.data[key], result.data[key], false, false);
                    	$('#property').append(newOption);
                    	$('#property').val(result.data[key]).trigger('change');
                	} else {
                		$('#'+key).val(result.data[key])
                	}
                }
            }
        });
        $('#action_type').val('edit');
        // $("#id").attr("disabled","disabled");
        $('#detailModalTitle').text('修改渠道');
        $('#detailModal').modal('show');
    });
    
    $('#btn_delete').click(function () {
        var records = $('#table').bootstrapTable('getSelections');
        if(records.length==0){
            layer.alert('请先选择要删除的记录！');
            return;
        }
        layer.confirm('确认删除选中记录吗？', {
            btn: ['确定','取消'] //按钮
        }, function(){
            var id = records[0].channelId;
            $.wajax({
                url: CONTEXT_PATH+'/channel/channel/del',
                data: {id: id},
                success: function (result) {
                    layer.alert(result.msg);
                    $('#table').bootstrapTable('refresh');
                }
            });
        });
    });

    $('#btn_submit').click(function () {
        $("#channel_form").submit();
    });

    $("#channel_form").validate({
        rules: {
        	gameId: {
                required: true
            },
            nameCn: {
                required: true
            },
            nameEn: {
                required: true
            },
            property: {
                required: true
            }
        },
        messages: {
        	gameId: "关联的游戏id",
        	nameCn: "渠道中文名",
        	nameEn: "渠道英文名",
        	property: "出机方"
        },
        errorElement: "span",
        submitHandler: function(form) {
            var url='';
            var actionType = $('#action_type').val();
            if(actionType=='add'){
                url=CONTEXT_PATH+'/channel/channel/add';
                $('#channelId').val(-1);
            }else if(actionType=='edit'){
                url=CONTEXT_PATH+'/channel/channel/edit';
                
                var records = $('#table').bootstrapTable('getSelections');
                if(records.length==0){
                    layer.alert('请先选择要修改的记录！');
                    return;
                }
                
                $('#channelId').val(records[0].channelId);
            }
            $.wajax({
                type: "POST",
                url: url,
                data: $(form).serialize(),
                success: function(result) {
                    layer.alert(result.msg);
                    $('#detailModal').modal('hide');
                    $('#table').bootstrapTable('refresh');
                    $(form)[0].reset();
                }
            });
        }
    });//End

});